<template>
	<view>
		<cu-custom title="" ></cu-custom>
		<view  class="m-b-h p-15">
		<view class="changetext ch-b">验证本人身份</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">证件信息</view>
			
		</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">姓名</view>
			<text>**浩</text>
		</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">性别</view>
			<text>男</text>
		</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">国籍</view>
			<text>中国</text>
		</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">证件类型</view>
			<text>居民身份证</text>
		</view>
		<view class="uni-form-item uni-column in-text">
			<view class="title">证件号</view>
			<text>45***************0</text>
		</view>
		<view class="uni-form-item uni-column in-text" style="display:block">
			<view class="title" style="width:100%" >身份证正面拍照</view>
			<uni-file-picker  class="m-t-15"
				v-model="imageValue"  
				file-mediatype="image"
				mode="grid"
				file-extname="png,jpg"
				:limit="1"
				@progress="progress" 
				@success="success" 
				@fail="fail" 
				@select="select"
			/>
		</view>
		<view class="uni-form-item uni-column in-text b-g-w" style="display:block;width:100%; margin:0; padding:20px 5%; border-bottom: none;">
			<view class="title" style="width:100%">身份证背面拍照</view>
			<uni-file-picker  class="m-t-15"
				v-model="imageValue"  
				file-mediatype="image"
				mode="grid"
				file-extname="png,jpg"
				:limit="1"
				@progress="progress" 
				@success="success" 
				@fail="fail" 
				@select="select"
			/>
		</view>
		<view class="uni-form-item uni-column in-text b-t-n b-u-c m-t-20" style="margin-top: 20px;">
			<button> 确定</button>
		</view>
		
		</view>
		
	</view>
</template>

<script>
	import xskCodeInput from "@/components/xsk-code-input/xsk-code-input";
	export default {
		 components: {xskCodeInput},
		data() {
			return {
				imageValue:[],
				 index: 0,
			}
		},
		methods: {
			// 获取上传状态
						select(e){
							console.log('选择文件：',e)
						},
						// 获取上传进度
						progress(e){
							console.log('上传进度：',e)
						},
						
						// 上传成功
						success(e){
							console.log('上传成功')
						},
						
						// 上传失败
						fail(e){
							console.log('上传失败：',e)
						},
			 bindPickerChange: function(e) {
			             console.log('picker发送选择改变，携带值为', e.detail.value)
			             this.index = e.detail.value
			         },
		}
	}
</script>

<style lang="less" scoped>
	@import '@/static/css/common.css';
	.ch-b{  margin-bottom: 50rpx;}
	.in-text{ display:flex; width: 90%; margin: 0 5%; border-bottom: 1px solid #eee; padding: 40rpx 0;
	.title{ width: 25%; font-size: 30rpx; color: #999;}
	input{ font-size: 30rpx;}
	}
body{background-color: #fff !important;}
.m-b-h{ height: 100vh; background-color: #fff !important;}
.changetext{ text-align: center; font-size: 40rpx; padding-top: 52rpx;}
.changetext-1{ text-align: center; font-size: 30rpx; padding-top: 10rpx;}
.in-text input:-moz-placeholder
t {  
    color: #F6F6F6;  
}  
.in-text input:-ms-input-placeholder 
 {  
    color: #F6F6F6;  
}  
.in-text input::-webkit-input-placeholder  
 {  
    color: #F6F6F6 !important;  
}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 60%; border-radius: 50rpx;}

</style>
